﻿@{
    ViewBag.Title = "相册";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/Gallery")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/gallery")
<script type="text/javascript">
      $(function() {
        //    fancybox
          jQuery(".fancybox").fancybox();
      });

</script>
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper">
        <!-- page start-->
        <section class="panel">
            <header class="panel-heading">
                相册
            </header>
            <div class="panel-body">
                <ul class="grid cs-style-3">
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/4.jpg" alt="img04">
                            <figcaption>
                                <h3>Mindblowing</h3>
                                <span>lorem ipsume </span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/4.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/1.jpg" alt="img01">
                            <figcaption>
                                <h3>Clean & Fresh</h3>
                                <span>dolor ament</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/1.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/2.jpg" alt="img02">
                            <figcaption>
                                <h3>Flat Concept</h3>
                                <span>tawseef tasi</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/2.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/5.jpg" alt="img05">
                            <figcaption>
                                <h3>Modern</h3>
                                <span>dkmosa inc</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/5.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/3.jpg" alt="img03">
                            <figcaption>
                                <h3>Clean Code</h3>
                                <span>nice concept</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/3.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/6.jpg" alt="img06">
                            <figcaption>
                                <h3>Cheers</h3>
                                <span>sumon ahmed</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/6.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/4.jpg" alt="img04">
                            <figcaption>
                                <h3>Freshness</h3>
                                <span>rerum facilis </span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/4.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/1.jpg" alt="img01">
                            <figcaption>
                                <h3>Awesome</h3>
                                <span>At vero eos</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/1.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/2.jpg" alt="img02">
                            <figcaption>
                                <h3>Music</h3>
                                <span>atque corrupti </span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/2.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/3.jpg" alt="img03">
                            <figcaption>
                                <h3>Clean Code</h3>
                                <span>nice concept</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/3.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/6.jpg" alt="img06">
                            <figcaption>
                                <h3>Cheers</h3>
                                <span>sumon ahmed</span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/6.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="/Content/Flat/img/gallery/4.jpg" alt="img04">
                            <figcaption>
                                <h3>Freshness</h3>
                                <span>rerum facilis </span>
                                <a class="fancybox" rel="group" href="/Content/Flat/img/gallery/4.jpg">查看</a>
                            </figcaption>
                        </figure>
                    </li>
                </ul>

            </div>
        </section>

        <!-- page end-->
    </section>
</section>
<!--main content end-->